
html,body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}


#app {
    height: 100%;
    width: 100%;
}

    // 暗黑模式切换动画
  ::view-transition-old(*) {
    animation: none;
  }
  ::view-transition-new(*) {
    animation: clip .8s ease-in;
  }
  ::view-transition-old(root) {
    z-index: 1;
  }
  ::view-transition-new(root) {
    z-index: 9999;
  }
  html.dark::view-transition-old(*) {
    animation: clip .8s ease-in reverse;
  }
  html.dark::view-transition-new(*) {
    animation: none;
  }
  html.dark::view-transition-old(root) {
    z-index: 9999;
  }
  html.dark::view-transition-new(root) {
    z-index: 1;
  }
  @keyframes clip {
    from {
      clip-path: circle(0% at var(--x) var(--y));
    }
    to{
      clip-path: circle(100% at var(--x) var(--y));
    }
  }
